<template>
	<view>
		<!-- 头部导航 -->
		<view class="tabbbar">
		  <text class="quxiaojiantou"><</text>
		  <text class="tabtext">做作业</text>
		</view>
    
    <!-- 内容区 -->
    <view class="homeconter">
      <view class="hometitle">
        <text>作业标题</text>
        <input type="text" value="6月10日 作业" />
      </view>
      
      <!-- 作业要求 -->
     <view class="zuoyeyaoqiu">
       <view >
         <text class="yaoqiu">作业要求：</text>
       </view>
       <view >
         <textarea value="" placeholder="联系天空之城..."  placeholder-class="textareas"/>
         <view class="fudaicanshu">
           <image src="./img/jiacuT.png" mode=""></image>
           <image src="./img/sheying.png" mode=""></image>
           <image src="./img/vido.png" mode=""></image>
         </view>
       </view>
       
       <button type="default" class="faqibtn">提交作业</button>
     </view>
    </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
/* tabbar */
.tabbbar {
  width: 100%;
  height: 116rpx;
 background: url(../img/tabbar.png) no-repeat;
 background-size: cover;
  opacity: 0.3;
  

}
.quxiaojiantou {
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
      line-height: 114rpx;
      margin-left: 50rpx;
}
.tabtext {
  width: 70rpx;
  height: 34rpx;
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 30rpx;

 margin-left: 250rpx;
}
/* 内容区 */
.homeconter {
  margin-left: 45rpx;
  margin-top: 120rpx;
}
.hometitle {
  display: flex;
  padding-bottom: 30rpx;
  border-bottom: 1px solid #F5F5F5;
}
.hometitle text {
  padding-right: 40rpx;

 font-size: 32rpx;
 font-family: PingFang SC;
 font-weight: bold;
 color: #333333;
 line-height: 40rpx;
}
.zuoyeyaoqiu {
  margin-top: 80rpx;
}
.zuoyeyaoqiu .yaoqiu {
  font-size: 32rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 40rpx;
}
textarea {
  margin-top: 29rpx;
  padding-top: 39rpx;
  padding-left: 41rpx;
  width: 630rpx;
  height: 491rpx;
  background: #F5F5F5;
  border-radius: 10rpx;

}
.textareas {
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #777777;
  line-height: 40rpx;
}
.fudaicanshu {
  position: relative;
  top: -80rpx;
  left: 40rpx;
  display: flex;
}
.fudaicanshu image {
  margin-right: 70rpx;
  width: 49rpx;
  height: 41rpx;
}
.faqibtn {
  width: 500rpx;
    height: 90rpx;
    background: linear-gradient(90deg, #D2F79A 0%, #8DCE2A 100%);
    border-radius: 40rpx;
  font-size: 32rpx;
  color: #FFFFFF;
  margin-top: 60rpx;
}
</style>
